
<template>
            <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-y7kev">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-wnmzwm0urxtcv" gridColumnStart="117" gridColumnEnd="1662" gridRowStart="21" gridRowEnd="41" zIndex="1" previewType="FixedWH">
                <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-ps4cg webVueAntYtSpanBrCount-e93ob webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"备件管理"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-so0unm0urxtcz" gridColumnStart="33" gridColumnEnd="115" gridRowStart="20" gridRowEnd="41" zIndex="2" previewType="FixedWH">
                <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-3c3xx webVueAntYtSpanBrCount-8yseh webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"数据上报 /"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-pstttm0urxtd3" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
                <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-ioqvw webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-vnw2um0urxtd4" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
                <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-hr65x webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-f9958m0urxtd5" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
                <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-y99c3  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"项目名称"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-gfd9e webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-e3ou0m0urxtde" gridColumnStart="1381" gridColumnEnd="1461" gridRowStart="71" gridRowEnd="103" zIndex="6" previewType="FixedWH">
                <a-button ref='ref6' @click="()=> { searchSparePartsByName(); }" class='webVueAntButton webVueAntYtButtonStyle-5h1dj  webVueAntYtButtonStyle center' :loading='Checkloading1'>
                            <span class='yt-button-content ' v-html='"查询"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-bv3chm0urxtdh" gridColumnStart="1481" gridColumnEnd="1561" gridRowStart="71" gridRowEnd="103" zIndex="7" previewType="FixedWH">
                <a-button ref='ref7' @click="()=> { resetForm(); }" class='webVueAntButton webVueAntYtButtonStyle-ywist  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                            <span class='yt-button-content ' v-html='"重置"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-m1pvbm0urxtdi" gridColumnStart="67" gridColumnEnd="147" gridRowStart="163" gridRowEnd="195" zIndex="8" previewType="FixedWH">
                <a-button ref='ref8' @click="()=> { showAddModal(); }" class='webVueAntButton webVueAntYtButtonStyle-8b9x1  webVueAntYtButtonStyle center' :loading='Newloading1'>
                            <span class='yt-button-content ' v-html='"新增"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='TableisShow1' id="yt-fyytym0urxtdl" gridColumnStart="67" gridColumnEnd="1602" gridRowStart="224" gridRowEnd="953" zIndex="9" previewType="FixedWH">
                <yt-table ref='ref9' class='webVueAntYtTable webVueAntYtTableStyle-20yit webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='TablecurrentRow1' v-model:selectedRows='TableselectedRows1' v-model:total='Tabletotal1' v-model:current='Tablecurrent1' v-model:pageSize='TablepageSize1' :columns='Tabledata1.columns' :dataSource='Tabledata1.dataSource' :scroll='{y:615.0000242060419}'>
                            <template #cell='{ column, record }'>
                            <template v-if='column.dataIndex === "id"' :forKey='"id"'>
                            
                        </template>
<template v-if='column.dataIndex === "projectName"' :forKey='"projectName"'>
                            
                        </template>
<template v-if='column.dataIndex === "watersource"' :forKey='"watersource"'>
                            
                        </template>
<template v-if='column.dataIndex === "projectLocation"' :forKey='"projectLocation"'>
                            
                        </template>
<template v-if='column.dataIndex === "billingmethod"' :forKey='"billingmethod"'>
                            
                        </template>
<template v-if='column.dataIndex === "startDate"' :forKey='"startDate"'>
                            
                        </template>
<template v-if='column.dataIndex === "projectStatus"' :forKey='"projectStatus"'>
                            
                        </template>
<template v-if='column.dataIndex === "projectScore"' :forKey='"projectScore"'>
                            
                        </template>
<template v-if='column.dataIndex === "operationDirector"' :forKey='"operationDirector"'>
                            
                        </template>
<template v-if='column.dataIndex === "contactInformation"' :forKey='"contactInformation"'>
                            
                        </template>
<template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
                            
            <yt-grid  previewType="FixedWH" width="190" height="48">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-hholqm0urxtf0" gridColumnStart="52" gridColumnEnd="88" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
                <a-button ref='ref10' @click="()=> { showEditModal(record); }" class='webVueAntButton webVueAntYtButtonStyle-b0ika  webVueAntYtButtonStyle center' :loading='Editloading2'>
                            <span class='yt-button-content ' v-html='"编辑"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-qrq89m0urxtf2" gridColumnStart="100" gridColumnEnd="136" gridRowStart="8" gridRowEnd="40" zIndex="2" previewType="FixedWH">
                <a-button ref='ref11' @click="()=> { deleteSparePart(record); }" class='webVueAntButton webVueAntYtButtonStyle-k1zb3  webVueAntYtButtonStyle center' :loading='Deleteloading1'>
                            <span class='yt-button-content ' v-html='"删除"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        
            </yt-grid>
            
                        </template>
                        </template>
                        </yt-table>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AddedpopupwindowisShow1' id="yt-07s1xm11u6mi1" gridColumnStart="579" gridColumnEnd="1074" gridRowStart="294" gridRowEnd="722" zIndex="10" previewType="FixedWH">
                <yt-custom-modal ref='ref12' @ok="()=> { addSparePart(); }" @cancel="()=> { closeAddModal(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='AddedpopupwindowisShow1' :title='"新增"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='Addedpopupwindowform1' ref='ref12_form'>
                            
            <yt-grid  previewType="FixedWH" width="490" height="490">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-xdrkam11u6mic" gridColumnStart="106" gridColumnEnd="383" gridRowStart="36" gridRowEnd="68" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref17' class='webVueAntInputFormItem webVueAntYtInputFormItem-2qdl5  webVueAntYtInputFormItem show-label' name='Categoryvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"类别"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-z8mwh webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Categoryvalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-ru4xum11u6mih" gridColumnStart="106" gridColumnEnd="383" gridRowStart="90" gridRowEnd="122" zIndex="2" previewType="FixedWH">
                <a-form-item ref='ref18' class='webVueAntInputFormItem webVueAntYtInputFormItem-qn45f  webVueAntYtInputFormItem show-label' name='Namevalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"名称"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-w6ea6 webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Namevalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-9i9rjm11u6mil" gridColumnStart="106" gridColumnEnd="383" gridRowStart="144" gridRowEnd="176" zIndex="3" previewType="FixedWH">
                <a-form-item ref='ref19' class='webVueAntInputFormItem webVueAntYtInputFormItem-nh4wk  webVueAntYtInputFormItem show-label' name='Unitvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"单位"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-io2hx webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Unitvalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-casjym11u6mip" gridColumnStart="92" gridColumnEnd="383" gridRowStart="198" gridRowEnd="230" zIndex="4" previewType="FixedWH">
                <a-form-item ref='ref20' class='webVueAntInputFormItem webVueAntYtInputFormItem-ke25c  webVueAntYtInputFormItem show-label' name='Quantityinstoragevalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"入库量"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-q1k4s webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Quantityinstoragevalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-b113zm11u95jq" gridColumnStart="92" gridColumnEnd="398" gridRowStart="252" gridRowEnd="284" zIndex="5" previewType="FixedWH">
                <a-form-item ref='ref21' class='webVueAntInputFormItem webVueAntYtInputFormItem-3a0mr  webVueAntYtInputFormItem show-label' name='Outboundquantityvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"出库量"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-rd6ac webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Outboundquantityvalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='EditpopupwindowisShow2' id="yt-4p986m11ub81f" gridColumnStart="580" gridColumnEnd="1075" gridRowStart="294" gridRowEnd="722" zIndex="11" previewType="FixedWH">
                <yt-custom-modal ref='ref22' @ok="()=> { updateSparePart(); }" @cancel="()=> { closeEditModal(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='EditpopupwindowisShow2' :title='"编辑"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='Editpopupwindowform2' ref='ref22_form'>
                            
            <yt-grid  previewType="FixedWH" width="490" height="490">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-5mwi9m11ub81n" gridColumnStart="106" gridColumnEnd="383" gridRowStart="36" gridRowEnd="68" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref28' class='webVueAntInputFormItem webVueAntYtInputFormItem-gq7ye  webVueAntYtInputFormItem show-label' name='Categoryvalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"类别"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-ybx0f webVueAntYtInputStyle' v-model:value='Editpopupwindowform2.Categoryvalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-2h6hjm11ub81t" gridColumnStart="106" gridColumnEnd="383" gridRowStart="90" gridRowEnd="122" zIndex="2" previewType="FixedWH">
                <a-form-item ref='ref29' class='webVueAntInputFormItem webVueAntYtInputFormItem-be421  webVueAntYtInputFormItem show-label' name='Namevalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"名称"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-ptase webVueAntYtInputStyle' v-model:value='Editpopupwindowform2.Namevalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-kvwfmm11ub81w" gridColumnStart="106" gridColumnEnd="383" gridRowStart="144" gridRowEnd="176" zIndex="3" previewType="FixedWH">
                <a-form-item ref='ref30' class='webVueAntInputFormItem webVueAntYtInputFormItem-t1spp  webVueAntYtInputFormItem show-label' name='Unitvalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"单位"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-snjsz webVueAntYtInputStyle' v-model:value='Editpopupwindowform2.Unitvalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-p0ki1m11ub820" gridColumnStart="92" gridColumnEnd="383" gridRowStart="198" gridRowEnd="230" zIndex="4" previewType="FixedWH">
                <a-form-item ref='ref31' class='webVueAntInputFormItem webVueAntYtInputFormItem-jaceu  webVueAntYtInputFormItem show-label' name='Quantityinstoragevalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"入库量"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-0mi0c webVueAntYtInputStyle' v-model:value='Editpopupwindowform2.Quantityinstoragevalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-vzmg2m11ub825" gridColumnStart="92" gridColumnEnd="398" gridRowStart="252" gridRowEnd="284" zIndex="5" previewType="FixedWH">
                <a-form-item ref='ref32' class='webVueAntInputFormItem webVueAntYtInputFormItem-shel4  webVueAntYtInputFormItem show-label' name='Outboundquantityvalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"出库量"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-v4qq8 webVueAntYtInputStyle' v-model:value='Editpopupwindowform2.Outboundquantityvalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        
            </yt-grid>
        </template>

<script>

  import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
  data() {
    return {
      Newloading1: false,
      AddedpopupwindowisShow1: false,
      Addedpopupwindowform1: {
        id: null,
        Categoryvalue1: "",
        Namevalue1: "",
        Unitvalue1: "",
        Quantityinstoragevalue1: "",
        Outboundquantityvalue1: ""
      },
      Deleteloading1: false,
      TablecurrentRow1: {},
      TableselectedRows1: [],
      TablepageSize1: 10,
      Tabledata1: {
        columns: [{
          key: "id",
          title: "id",
          dataIndex: "id"
        }, {
          key: "serialNumber",
          title: "序号",
          dataIndex: "serialNumber"
        }, {
          key: "category",
          title: "类别",
          dataIndex: "category"
        }, {
          key: "name",
          title: "名称",
          dataIndex: "name"
        }, {
          key: "unit",
          title: "单位",
          dataIndex: "unit"
        }, {
          key: "quantityinstorage",
          title: "入库量",
          dataIndex: "quantityinstorage"
        }, {
          key: "warehouseoutquantity",
          title: "出库量",
          dataIndex: "warehouseoutquantity"
        }, {
          key: "inventory",
          title: "库存量",
          dataIndex: "inventory"
        }, {
          key: "operation",
          title: "操作",
          dataIndex: "operation",
          cellType: "slot"
        }],
        dataSource: []
      },
      Tablecurrent1: 1,
      Tabletotal1: 0,
      TableisShow1: true,
      Checkloading1: false,
      EditpopupwindowisShow2: false,
      Editpopupwindowform2: {
        id: null,
        Categoryvalue2: "",
        Namevalue2: "",
        Unitvalue2: "",
        Quantityinstoragevalue2: "",
        Outboundquantityvalue2: ""
      },
      Editloading2: false,
      Resetloading1: false,
      ProjectNamevalue1: ""
    };
  },
  watch: {},
  methods: {
    showAddModal() {
      // 显示新增弹窗
      this.AddedpopupwindowisShow1 = true;
    },
    async searchSparePartsByName() {
      this.Checkloading1 = true;
      try {
        const response = await this.executeBackendInterface('searchSpareParts', {
          projectName: this.TablecurrentRow1.projectName,
          current: this.Tablecurrent1,
          pageSize: this.TablepageSize1
        });
        if (response.flag) {
          this.Tabledata1.dataSource = response.data.data.map((item, index) => ({
            ...item,
            serialNumber: index + 1,
            inventory: item.inbound_quantity - item.outbound_quantity
          }));
          this.Tabletotal1 = response.data.total;
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('查询失败');
      } finally {
        this.Checkloading1 = false;
      }
    },
    async initSparePartsTable() {
      try {
        const response = await this.executeBackendInterface('getAllSpareParts', {
          current: this.Tablecurrent1,
          pageSize: this.TablepageSize1
        });
        if (response.flag) {
          this.Tabledata1.dataSource = response.data.data.map((item, index) => ({
            ...item,
            serialNumber: index + 1,
            inventory: item.inbound_quantity - item.outbound_quantity
          }));
          this.Tabletotal1 = response.data.total;
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('初始化表格失败');
      }
    },
    async addSparePart() {
      try {
        const response = await this.executeBackendInterface('addSparePart', {
          Categoryvalue1: this.Addedpopupwindowform1.Categoryvalue1,
          Namevalue1: this.Addedpopupwindowform1.Namevalue1,
          Unitvalue1: this.Addedpopupwindowform1.Unitvalue1,
          Quantityinstoragevalue1: this.Addedpopupwindowform1.Quantityinstoragevalue1,
          Outboundquantityvalue1: this.Addedpopupwindowform1.Outboundquantityvalue1
        });
        if (response.flag) {
          message.success('新增成功');
          this.AddedpopupwindowisShow1 = false;
          this.Addedpopupwindowform1 = {
            id: null,
            Categoryvalue1: "",
            Namevalue1: "",
            Unitvalue1: "",
            Quantityinstoragevalue1: "",
            Outboundquantityvalue1: ""
          };
          this.initSparePartsTable();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('新增失败');
      }
    },
    async updateSparePart() {
      try {
        const response = await this.executeBackendInterface('updateSparePart', {
          id: this.Editpopupwindowform2.id,
          Categoryvalue2: this.Editpopupwindowform2.Categoryvalue2,
          Namevalue2: this.Editpopupwindowform2.Namevalue2,
          Unitvalue2: this.Editpopupwindowform2.Unitvalue2,
          Quantityinstoragevalue2: this.Editpopupwindowform2.Quantityinstoragevalue2,
          Outboundquantityvalue2: this.Editpopupwindowform2.Outboundquantityvalue2
        });
        if (response.flag) {
          message.success('更新成功');
          this.EditpopupwindowisShow2 = false;
          this.initSparePartsTable();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('更新失败');
      }
    },
    showEditModal(record) {
      this.Editpopupwindowform2 = {
        id: record.id,
        Categoryvalue2: record.category,
        Namevalue2: record.name,
        Unitvalue2: record.unit,
        Quantityinstoragevalue2: record.inbound_quantity,
        Outboundquantityvalue2: record.outbound_quantity
      };
      this.EditpopupwindowisShow2 = true;
    },
    async deleteSparePart(record) {
      Modal.confirm({
        title: '确认删除',
        content: '确定要删除这条记录吗？',
        onOk: async () => {
          try {
            const response = await this.executeBackendInterface('deleteSparePart', {
              id: record.id
            });
            if (response.flag) {
              message.success('删除成功');
              this.initSparePartsTable();
            } else {
              message.error(response.message);
            }
          } catch (error) {
            message.error('删除失败');
          }
        }
      });
    },
    async resetForm() {
      try {
        // 清空项目名称
        this.TablecurrentRow1 = {};

        // 调用后端接口获取备件管理数据
        const response = await this.executeBackendInterface('getAllSparePartsOZM', {
          current: this.Tablecurrent1,
          pageSize: this.TablepageSize1
        });
        if (response.flag) {
          // 更新表格数据
          this.Tabledata1.dataSource = response.data.data.map(item => ({
            id: item.id,
            serialNumber: item.serial_number,
            category: item.category,
            name: item.name,
            unit: item.unit,
            quantityinstorage: item.inbound_quantity,
            warehouseoutquantity: item.outbound_quantity,
            inventory: item.stock_quantity,
            operation: "操作"
          }));
          this.Tabletotal1 = response.data.total;
          message.success('数据重置成功');
        } else {
          message.error('数据重置失败: ' + response.message);
        }
      } catch (error) {
        message.error('数据重置失败: ' + error.message);
      }
    },
    closeAddModal() {
      // 关闭弹窗
      this.AddedpopupwindowisShow1 = false;
    },
    closeEditModal() {
      // 关闭弹窗
      this.EditpopupwindowisShow2 = false;
    },
    async fetchAndSetVariables() {
      try {
        // 调用后端接口获取变量数组 需要传入pageUuid变量
        const pageUuid = '1833068257184055296';
        const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
        const variablesArray = response.data; // 后端直接返回变量数组

        if (variablesArray && Array.isArray(variablesArray))
          // 遍历数组，将每个变量设置为true
          variablesArray.forEach(variable => {
            this[variable] = true;
          });
      } catch (error) {
        console.error('获取变量失败:', error);
      }
    },
    executeBackendInterface(funcName, params) {
      // 处理参数为Map的情况
      if (params instanceof Map) {
        params = Object.fromEntries(params);
      }
      // 调用后端接口
      return new Promise((resolve, reject) => {
        axios.post('./Sparepartsmanagement/' + funcName, params, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(response => {
          resolve(response.data);
        }).catch(error => {
          reject(error);
        });
      });
    }
  },
  mounted() {
    loadCss('./css/备件管理/theme.css');
    this.initSparePartsTable();
    // 组件挂载后自动调用函数获取变量
    this.fetchAndSetVariables();
  },
  computed: {}
};

</script>
<style lang="less">
.page-y7kev{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
    display: block;
    height:100%;
    width:100%;
}
.webVueAntYtSpan span{
    word-break: break-all;
    width: auto;
    display: inline-block;
    vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
    outline: none;
}

.webVueAntYtSpanStyle-ps4cg{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanBrCount-e93ob{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-e93ob span{
display: inline;
}
.webVueAntYtSpanStyle-ps4cg span{
text-decoration: none;
}

.webVueAntYtSpanStyle-3c3xx{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanBrCount-8yseh{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-8yseh span{
display: inline;
}
.webVueAntYtSpanStyle-3c3xx span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
    width: 100%;
    height:100%;

}

.webVueAntYtRectangleStyle-ioqvw{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-hr65x{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
  flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
  background-color: transparent;
}


.webVueAntYtInputFormItem-y99c3 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-y99c3 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-gfd9e:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
  width: 100%;
  height:100%;
  display: flex;
}
.webVueAntButton .span:first-child{
  flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
  display: inline-block;
  flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
  flex: 0 0 auto;
}
.webVueAntButton span:focus{
  outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
  margin-right: 0;
}

.webVueAntYtButtonStyle-5h1dj{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-5h1dj>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-ywist{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ywist>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-8b9x1{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-8b9x1>span{
letter-spacing: 0px !important;
}

.webVueAntYtTable {
    display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
    display: none;
}
.webVueAntYtTable thead tr th div:first-child {
    display: flex !important;
    align-items: center;
}
.webVueAntYtTable thead tr th:before {
    content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
    padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
    position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.webVueAntYtTable tr td .td-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webVueAntYtTable .ant-table-tbody tr td {
    border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
    align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
    border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
    display: flex;
}

.webVueAntYtTable .add-pointer {
    display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
    width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
    width: auto !important;
}
:focus-visible {
    outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
    overflow: hidden !important;
    max-height: unset !important;
}

.webVueAntYtTableStyle-20yit{
opacity: 1;
}
.webVueAntYtTableStyle-20yit .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-20yit .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-20yit .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-20yit .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-20yit .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-20yit .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-20yit .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-20yit .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-20yit .ant-table .ant-table-thead tr th{
background: #4A90E212;
}
.webVueAntYtTableStyle-20yit .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-20yit .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-20yit .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-20yit .ant-table thead tr th,.webVueAntYtTableStyle-20yit .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-20yit .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-20yit .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 0px solid #dcdcdc;
}
.webVueAntYtTableStyle-20yit.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-20yit.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-20yit .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-20yit .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-20yit .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-20yit .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-20yit .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-20yit .ant-pagination button,.webVueAntYtTableStyle-20yit .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-20yit .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-20yit .ant-pagination button,.webVueAntYtTableStyle-20yit .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-20yit .ant-pagination li input,.webVueAntYtTableStyle-20yit .ant-pagination li a,.webVueAntYtTableStyle-20yit .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-20yit .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-20yit .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-20yit .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-20yit .ant-pagination li a,.webVueAntYtTableStyle-20yit .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-20yit .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-20yit .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(1), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(2), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(3), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(4), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(5) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(5) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(5), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(5){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(6) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(6) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(6), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(6){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(7) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(7) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(7), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(7){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(8) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-20yit tr td:nth-child(8) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-20yit tr > th:nth-child(8), .webVueAntYtTableStyle-20yit .ant-table-body tr.ant-table-measure-row td:nth-child(8){
width: calc((100% - 0px) / 8) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-20yit{
width: 100%;
}

.webVueAntYtButtonStyle-b0ika{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-b0ika>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-k1zb3{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-k1zb3>span{
letter-spacing: 0px !important;
}

.webVueAntYtModalStyle .ant-modal-wrap{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtModalStyle .ant-modal-wrap .yt-custom-modal-header{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 21px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-header{
height: 45px;
background: #ffffff;
}
.webVueAntYtModalStyle .ant-modal-wrap .ant-modal-close-x{
height: 45px;
line-height: 45px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-footer{
height: 57px;
background: #ffffff;
}
.webVueAntYtModal {
    width: 100%;
    height: 100%;
}



.webVueAntYtInputFormItem-2qdl5 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-2qdl5 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputFormItem-2qdl5 .ant-form-item-label label .label-content{
text-align: right;
text-align-last: right;
}
.webVueAntYtInputStyle-z8mwh:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-qn45f .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-qn45f .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-w6ea6:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-nh4wk .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-nh4wk .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-io2hx:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-ke25c .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-ke25c .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-q1k4s:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-3a0mr .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-3a0mr .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-rd6ac:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}


.webVueAntYtInputFormItem-gq7ye .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-gq7ye .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputFormItem-gq7ye .ant-form-item-label label .label-content{
text-align: right;
text-align-last: right;
}
.webVueAntYtInputStyle-ybx0f:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-be421 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-be421 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-ptase:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-t1spp .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-t1spp .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-snjsz:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-jaceu .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-jaceu .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-0mi0c:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-shel4 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-shel4 .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-v4qq8:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}}
</style>